/**
 * @description  : 证件-组件
 * @descriptionDetail : 证件-组件
 * @copyright    : 浙江烟草
 * @author       : mc
 * @create       : 2022-10-03 17:22:48
 */
<template>
  <view>
    <u-grid :col="col" :border="false">
      <u-grid-item>
        <u-icon name="photo" :size="46"></u-icon>
        <view class="grid-text">
          流入问题
        </view>
      </u-grid-item>
      <u-grid-item>
        <u-icon name="lock" :size="46"></u-icon>
        <view class="grid-text">
          流出问题
        </view>
      </u-grid-item>
      <u-grid-item>
        <u-icon name="hourglass" :size="46"></u-icon>
        <view class="grid-text">
          规范经营问题
        </view>
      </u-grid-item>
      <u-grid-item>
        <u-badge count="9" :offset="[col == 3 ? 20 : 14, col == 3 ? 30 : 20]"></u-badge>
        <image src="https://cdn.uviewui.com/uview/grid/hot6.png" style="width: 44rpx;height: 44rpx;top:0;right:0;" class="badge-icon"></image>
        <view class="grid-text">
          许可证问题
        </view>
      </u-grid-item>
    </u-grid>
  </view>
</template>
<script>
export default {
  name: 'PartItem',
  props: {
    col: {  // 列数
      type: Number,
      default: 3
    }
  },
  data() {
    return {
      
    }
  },
}
</script>
<style lang="scss" scoped>
.grid-text {
  font-size: 28rpx;
  margin-top: 4rpx;
  color: $u-type-info;
}
</style>